<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>易小莎个人网站</title>
<link rel="stylesheet" href="css/accordion.css">
<script src="js/jquery-1.11.3.min.js"></script>
</head>
<body>
	<div class="banner">
		<img src="./image/image.jpg" />
	</div>
    <div class="main">
        <div class="title">
			<img src="image/nav01.jpg" />
		</div>
        <!--w-accor4-->
        <div class="w-accor w-accor4" id="Accor4">
            <ul class="clearfix">
              
                <li>
                    <div class="item clearfix">
                        <div class="img_ar"><img src="image/b2.png"/></div>
                        <div class="cont_ar">
                            <h3>盈洪金属</h3>
                        </div>
                        </div>
                        <a href="../yinghong/index.html"></a>
                </li>
                <li>
                    <div class="item clearfix">
                        <div class="img_ar"><img src="image/b3.png"/></div>
                        <div class="cont_ar">
                            <h3>重庆市人民政府</h3>
                          
                        </div>
                        </div>
                        <a href="../cqrmzf/index.html"></a>
                </li>
                <li>
                    <div class="item clearfix">
                        <div class="img_ar"><img src="image/b4.png"/></div>
                        <div class="cont_ar">
                            <h3>重庆园博园</h3>
                            
                        </div>
                        </div>
                        <a href="../yby/index.html"></a>
                </li>
               <!-- <li>
                    <div class="item clearfix">
                        <div class="img_ar"><img src="image/b5.png"/></div>
                        <div class="cont_ar">
                            <h3>建材公司</h3>
                          
                        </div>
                        </div>
                        <a href="../atj/Ata.html"></a>
                </li> -->
				<li>
				    <div class="item clearfix">
				        <div class="img_ar"><img src="image/b6.png"/></div>
				        <div class="cont_ar">
				            <h3>家居公司</h3>
				          
				        </div>
				        </div>
				        <a href="../jiaju/yindex.html"></a>
				</li>
				<li>
				    <div class="item clearfix">
				        <div class="img_ar"><img src="image/b1.png"/></div>
				        <div class="cont_ar">
				            <h3>华为手机商城</h3>
				           
				        </div>
				        </div>
				        <a href="../HW/hw.html"></a>
				</li>
            </ul>
        </div>
        <script type="text/javascript">
        $(function(){
          accor($('#Accor4'),'50%',500,false,false);//参数1:Dom节点，参数2：展开图宽度(值可正数像素值或百分比）、参数3：速度（ms）、参数4：初始是否展开（是true，否false）、参数5：是否点击展开（是true，否false） 
        });
        </script>
    </div>
	<!-- --------------------- 设计展示----------------- -->
    <div class="title"><img src="image/nav02.jpg"></div>
	
	<div class="w-accor w-accor1" id="Accor1">
	    <ul class="swiper-wrapper clearfix">
	        <li class="swiper-slide">
	            <div class="item clearfix">
	                <div class="img_ar"><img src="image/dibiao.jpg"/></div>
	                <div class="cont_ar">
	                    <div class="dec_ar">
	                        <h3>地标图标设计</h3>
	                        <div class="acr_p"></div>
	                    </div>
	                </div>
	                </div>
	               
	        </li>
	        <li class="swiper-slide">
	            <div class="item clearfix">
	                <div class="img_ar"><img src="image/zhigan.jpg"/></div>
	                <div class="cont_ar">
	                    <div class="dec_ar">
	                        <h3>质感图标设计</h3>
	                        <div class="acr_p"></div>
	                    </div>
	                </div>
	                </div>
	               
	        </li>
			<li class="swiper-slide">
			    <div class="item clearfix">
			        <div class="img_ar"><img src="./image/xianxing.png"/></div>
			        <div class="cont_ar">
			            <div class="dec_ar">
			                <h3>线性图标</h3>
			                <div class="acr_p"></div>
			            </div>
			        </div>
			        </div>
			        
			</li>
			<li class="swiper-slide">
			    <div class="item clearfix">
			        <div class="img_ar"><img src="image/jianying.jpg"/></div>
			        <div class="cont_ar">
			            <div class="dec_ar">
			                <h3>剪影图标</h3>
			                <div class="acr_p"></div>
			            </div>
			        </div>
			        </div>
			      
			</li>
	        <li class="swiper-slide">
	            <div class="item clearfix">
	                <div class="img_ar"><img src="image/bb2.jpg"/></div>
	                <div class="cont_ar">
	                    <div class="dec_ar">
	                        <h3>MEB风格小图标</h3>
	                        <div class="acr_p"></div>
	                    </div>
	                </div>
	                </div>
	        </li>
	     
	    </ul>
	</div>
	<script type="text/javascript">
	$(function(){
	    if($(window).width()>640){
	    accor($('#Accor1'),'40%',500,false,false);  //参数1:Dom节点，参数2：展开图宽度(值可正数像素值或百分比）、参数3：速度（ms）、参数4：初始是否展开（是true，否false）、参数5：是否点击展开（是true，否false）
	    }else{
	        var swiper = new Swiper('#Accor1', {
	            effect : 'slide',
	            loop : true,
	            speed:300,
	            autoplay : {
	               delay:3000,//展示时间
	                disableOnInteraction: false
	            }
	        });
	    }
	});
	</script>
	
	<!-- -------------------------------------------------- -->
	<!--w-accor0-->
	<div class="there" style="margin-top: 80px;">
	<div class="w-accor w-accor0" id="Accor0">
	    <ul class="swiper-wrapper clearfix">
	        <li class="swiper-slide">
	            <div class="item clearfix">
	                <div class="img_ar"><img src="image/01.jpg"/></div>
	                </div>
	                <a href="#"></a>
	        </li>
	        <li class="swiper-slide">
	            <div class="item clearfix">
	                <div class="img_ar"><img src="image/02.jpg"/></div>
	                </div>
	                <a href="#"></a>
	        </li>
	        <li class="swiper-slide">
	            <div class="item clearfix">
	                <div class="img_ar"><img src="image/03.jpg"/></div>
	                </div>
	                <a href="#"></a>
	        </li>
	        <li class="swiper-slide">
	            <div class="item clearfix">
	                <div class="img_ar"><img src="image/04.jpg"/></div>
	                </div>
	                <a href="#"></a>
	        </li>
	        <li class="swiper-slide">
	            <div class="item clearfix">
	                <div class="img_ar"><img src="image/05.jpg"/></div>
	                </div>
	                <a href="#"></a>
	        </li>
			<li class="swiper-slide">
			    <div class="item clearfix">
			        <div class="img_ar"><img src="image/06.png"/></div>
			        </div>
			        <a href="#"></a>
			</li>
			<li class="swiper-slide">
			    <div class="item clearfix">
			        <div class="img_ar"><img src="image/07.png"/></div>
			        </div>
			        <a href="#"></a>
			</li>
			<li class="swiper-slide">
			    <div class="item clearfix">
			        <div class="img_ar"><img src="image/08.png"/></div>
			        </div>
			        <a href="#"></a>
			</li>
	    </ul>
	</div>
	</div>
	<script type="text/javascript">
	$(function(){
	    if($(window).width()>640){
	    accor($('#Accor0'),'40%',500,true,false); //参数1:Dom节点，参数2：展开图宽度(值可正数像素值或百分比）、参数3：速度（ms）、参数4：初始是否展开（是true，否false）、参数5：是否点击展开（是true，否false）
	    }else{
	        var swiper = new Swiper('#Accor0', {
	            effect : 'slide',
	            loop : true,
	            speed:300,
	            autoplay : {
	               delay:3000,//展示时间
	                disableOnInteraction: false
	            }
	        });
	    }
	});
	</script>
	<!--w-accor0 end--> 
	
	
	<!-- ------------------------------------------------- -->
	<script src="js/accordion.js"></script> 
    <link rel="stylesheet" href="css/swiper.min.css">
    <script src="js/swiper.min.js"></script>    
</body>